
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>联系客服</title>
    <!-- 引入 WeUI CDN 链接 -->
    <link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/2.3.0/weui.min.css"/>
    <link rel="stylesheet" href="./css/base.css"/>
</head>
<body>

<div class="page">
    <div class="page__bd" style="height: 100%;">
        <div class="weui-tab">
            <div class="weui-tab__panel" style="background-color: #f7f7f7">
                <img src="./img/sbtp.png" style="width: 100%" alt="">
                <div style="background-color: #fff;position: relative;top: -150px;width: 85%;height: 320px;margin: 0 auto;border-radius: 10px">

                    <div style="display: flex;padding:20px 0">
                        <p style="width: 10%;padding:12px 10%;font-size: 25px;font-weight: bold">代理</p>
                        <img src="./img/bar_code.jpg"  style="width: 120px;height:120px;display: block;flex:1;" alt="">
                        <p style="width: 10%;padding:4px 10%;font-size: 25px;font-weight: bold" >聊天员</p>
                    </div>
                    <div style="clear: both"></div>
                    <p style="text-align: center;margin: -15px 0 10px 0;color: #f02d2d;font-weight: bold">长按识别，联系客服完成入职</p>

                    <p style="text-align: center;">
                        <img src="/img/banner.jpg" style="width: 150px" alt="">
                    </p>
                    <p style="color: #444;font-size: 13px;text-indent:25px;margin: 5% 10px 0 10px">
                        重点来了，不管聊天员还是代理全程不收取任何会费，完全免费加入~如有收取会费，从中谋取利益者，请及时联系私信客服，进行举报，需要大家多多维持才能创造更好家园，谢谢大家合作！！
                    </p>
                </div>
            </div>
            <div class="weui-tabbar">
                <div class="weui-tabbar__item">
                    <a href="./tuiguang">
                        <img src="./img/share.png" alt="" class="weui-tabbar__icon">
                        <p class="weui-tabbar__label">我要推广</p>
                    </a>
                </div>
                <div class="weui-tabbar__item">
                    <a href="/">
                        <img src="./img/message.png" alt="" class="weui-tabbar__icon">
                        <p class="weui-tabbar__label">客服中心</p>
                    </a>
                </div>
                <div class="weui-tabbar__item">
                    <a href="./user">
                        <img src="./img/user.png" alt="" class="weui-tabbar__icon">
                        <p class="weui-tabbar__label">代理中心</p>
                    </a>
                </div>
            </div>
            <p style="position: absolute;bottom: 12%;left: 0;right: 0;margin:0 auto;text-align: center;">
                <img src="/img/btn-link.jpg" style="width: 300px" alt="">
            </p>
        </div>
    </div>
</div>
<script src="https://cdn.bootcdn.net/ajax/libs/zepto/1.2.0/zepto.min.js"></script>
</body>
</html>
